<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>活动列表</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_cwy8y2uw4su4n29.css">
    <style>
    .left{  position: absolute!important;  left: 0!important;}
    .bar-nav a:last-child{ left: 0;right: auto;}
    .info-wrap,.input-wrap{background: #fff;padding: 15px;}
    .input-wrap{font-size: 14px;margin-top: 20px;}
    .input-wrap input{height: 30px;border: 0;margin-left: 20px;width: 100px;text-align: center;}
     .info-wrap h1{font-size: 16px;font-weight: bold;text-align: left;padding:5px 0;}
    .info-wrap p{margin-top: 0;margin-bottom: 2px;font-size: 14px;color:#999;}
    .pay-wrap{height: 45px;width: 100%; position: fixed;bottom: 0;font-size: 0;background: #FFFFFF;}
    .pay-wrap span,.pay-wrap a{display: inline-block;font-size: 14px;line-height: 45px;}
    .pay-wrap span{width: 65%;text-align: left;padding-left: 20%;}
    .pay-wrap span i{font-size: 14px;color: red;font-style: normal;}
    .pay-wrap a{width: 35%;color: #FFFFFF;background: #169bd5;text-align: center;}
    </style>
</head>
<body >
<div class="page-group">
    <div class="page" id="page-infinite-scroll-bottom">
        <!--搜索栏内容 !-->
        <header class="bar bar-nav">
            <h1 class="title">
                <a class="icon icon-left left" onclick="javascript:history.back(-1);" >返回</a>
                活动捐款
            </h1>
        </header>
        <div class="content">
            <div class="info-wrap">
                <h1 class="offline-name">关爱白血病儿童募捐活动</h1>
                <p class="organize-name">火炬区鸿兴公司服务队</p>
            </div>
            <div class="input-wrap">
                <label for="donate">捐助金额</label>
                <input type="number"  id="donate" placeholder="请输入捐助金额"/>
                元
            </div>
        </div>
        <div class="pay-wrap">
            <span class="price-text">合计:<i>￥</i></span>
            <a  class="pay-offline" data-url="${basepath}/front/account/toAccountOfflineList">立即支付</a>
        </div>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script>
    $.config = {
        router: false
    }
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/offline/offlinePay.js'></script>
<script>
    $.init();
</script>
</body>
</html>